<template>
  <div>
    <h1>Header</h1>
    {{ price }}
    <hr />
  </div>
</template>

<script>
  import pubsub from "pubsub-js";
  export default {
    name: "Header",
    data() {
      return {
        price: 10,
      };
    },
    // mounted() {
    //   // 在初始化阶段订阅数据 PubSub.subscribe("name",fn)
    //   //   最好把函数写在methods里
    //   pubsub.subscribe("changePrice", this.fnchangePrice);
    // },
    // methods: {
    //   // 默认第一个参数是数据的名字
    //   fnchangePrice(_, value) {
    //     this.price += value;
    //   },
    // },
    // ------------
    // mounted() {
    //   pubsub.subscribe("changePrice", this.fnchangeprice);
    // },
    // methods: {
    //   fnchangeprice(_, value) {
    //     this.price += value;
    //   },
    // },
    mounted() {
      pubsub.subscribe("changePrice", this.fnchangeprice);
    },
    methods: {
      fnchangeprice(_, value) {
        this.price += value;
      },
    },
  };
</script>

<style></style>
